*{
    margin: 0px;
    padding: 0px;
}
.grid{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.grid-cell-1,
.grid-cell-2,
.grid-cell-3,
.grid-cell-4,
.grid-cell-5,
.grid-cell-6{
    flex-shrink: 1;
    padding: 10px;
}
.grid-cell-1{
    flex-grow: 1;
}
.grid-cell-2{
    flex-grow: 2;
}
.grid-cell-3{
    flex-grow: 3;
}
.grid-cell-4{
    flex-grow: 4;
}
.grid-cell-5{
    flex-grow: 5;
}
.grid-cell-6{
    flex-grow: 6;
}
.box-red{
    width: 100%;
/*    background-color: rgb(255, 0, 191);*/
    text-align: center;
    min-height: 50px;
    line-height: 50px;
}
.box-green{
    width: 100%;
/*    background-color: rgb(0, 235, 252);*/
    text-align: center;
    min-height: 50px;
    line-height: 50px;
}  